<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@taglib prefix="mvc" uri="http://www.springframework.org/tags/form" %>
<%@taglib prefix="fmt" uri="http://www.springframework.org/tags" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>联系人详情信息</title>
    <%--<fmt:message code="global.page.first" />--%>
    <meta http-equiv="X-UA-Compatible" content="IE=10,chrome=1">
    <meta http-equiv="Content-Type" content="text/html;">
    <meta name="viewport"
          content="width=device-width, initial-scale=0.3, user-scalable=0, minimum-scale=0, maximum-scale=5.0,user-scalable=yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.tag.css">
    <link rel="stylesheet" type="text/css" href="../css/address/new_add.css" />
    <script type="text/javascript" src="../js/utility.js"></script>
    <link rel="stylesheet" type="text/css" href="../../lib/laydate.css"/>
    <script type="text/javascript" src="../js/attach.js"></script>
    <script src="../js/module.js"></script>
    <script src="../js/mouse_mon.js"></script>
    <script src="../js/wdatepicker.js"></script>
    <script src="../js/jquery/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../js/news/page.js"></script>
    <script src="../../lib/laydate/laydate.js"></script>
    <script src="../../js/base/base.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../lib/pagination/js/jquery.pagination.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../lib/laydate/laydate.js"></script>
    <script src="../js/bootstrap/bootstrap.min.js"></script>
    <script src="/lib/jquery.jqprint-0.3.js"></script>
    <script src="/lib/jquery-migrate-1.1.0.js"></script>
    <script type="text/javascript" src="../js/base/base.js"></script>
    <link rel="stylesheet" type="text/css" href="../../css/news/new_news.css"/>
    <script src="../../js/base/base.js" type="text/javascript" charset="utf-8"></script>
    <script src="/lib/pagination/js/jquery.pagination.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../lib/pagination/js/jquery.pagination.min.js" type="text/javascript" charset="utf-8"></script>
    <style>

        #rs {
            display: inline-block;
            float: left;
            width: 78px;
            height: 38px;
            line-height: 35px;
            /*  margin-right: 30px;*/
            margin-top: 20px;
            margin-bottom: 20px;
            cursor: pointer;
            border-radius: 3px;
            background: url(../../img/newReturn.png) no-repeat;
            padding-left: 19px;
            font-size: 14px;
            margin-left: 50%;

        }


    </style>

    <script>
        var param = $.GetRequest();


        $(function(){
            $('#rs').click(function(){
                window.close();
            })

            //初始化联系人信息

            $.ajax({
                type: "post",
                url: "/addressZfw/getUserInfoById",
                data: param,
                success: function (res) {
                    if (res.status) {
                        var data = res.data;
                        var icon = "";
                        if (icon == "") {
                            if (data["sex"] == 0) {
                                icon = "../img/address/man_s.png";
                            } else if (data["sex"] == 1) {
                                icon = "../img/address/w_s.png";
                            } else {
                                icon = "../img/address/man_s.png";
                            }
                        }else {
                            icon = "../img/address/man_s.png";
                        }
                        $('.addId').html(data.addId)
                        $('.psnName').html(data.psnName);
                        $('.mobilNo').html(data.mobilNo);
                        $('.email').html(data.email);
                        $('.ministration').html(data.ministration);
                        $('.deptName').html(data.deptName);
                        $('.notes').html(data.notes);
                        $('.telNoDept').html(data.telNoDept);
                        $('.telNoHome').html(data.telNoHome);
                        $('.faxNoDept').html(data.faxNoDept);
                        $('.perWeb').html(data.perWeb);
                        $('.icqNo').html(data.icqNo);
                        $('.oicqNo').html(data.oicqNo);
                        var sex=data.sex;
                        if(sex==0){
                          var  sexName="男"
                        }else {
                            sexName="女"
                        }
                        $('.sex').html(sexName);
                        $('.birthday').html(data.birthday);
                        $('.nickName').html(data.nickName);
                        $('.addOffice').html(data.addOffice);
                        $('.addHome').html(data.addHome);
                        $('.postNoDept').html(data.postNoDept);


                    }
                }
            })
        })


    </script>
</head>


<body class="bodycolor">


<div id="printAddress">
<table border="0" width="100%" cellspacing="0" cellpadding="3" class="small">
    <tr>
        <td class="Big"><img src="../../img/contractinfo.png" width="17" height="17"><span class="big3"> 联系人详情信息</span><br>
        </td>
    </tr>
</table>

<table class="TableBlock" style="margin-left: 172px;"  width="90%" align="center">
    <tr>
        <td nowrap align="left" width="120" class="TableContent">姓名：</td>
        <td nowrap align="left"  class="TableData psnName" width="180"></td>
        <td nowrap align="left" width="120" class="TableContent">性别：</td>
        <td nowrap align="left" class="TableData sex" width="180"></td>
    </tr>
    <tr>
        <td nowrap align="left" width="120" class="TableContent">生日日期：</td>
        <td nowrap align="left" class="TableData birthday" width="180"></td>
        <td nowrap align="left" width="120" class="TableContent">移动电话：</td>
        <td nowrap align="left" class="TableData mobilNo" width="180"></td>
    </tr>
    <tr>
        <td nowrap align="left" width="120" class="TableContent">电子邮件：</td>
        <td align="left" class="TableData email" width="180"></td>
        <%--<td nowrap align="left" width="120" class="TableContent">分组：</td>--%>
        <%--<td nowrap align="left" class="TableData groupId" width="180"></td>--%>
    </tr>

    <tr>
        <td nowrap align="left" width="120" class="TableContent">职位：</td>
        <td nowrap align="left" class="TableData ministration" width="180"></td>
        <td nowrap align="left" width="120" class="TableContent">单位：</td>
        <td align="left" class="TableData deptName" width="180"></td>
    </tr>
    <tr>
        <td nowrap align="left" width="120" class="TableContent">办公电话：</td>
        <td nowrap align="left" class="TableData telNoDept" width="180"></td>
        <td nowrap align="left" width="120" class="TableContent">住宅电话：</td>
        <td nowrap align="left" class="TableData telNoHome" width="180"></td>
    </tr>
    <tr>
        <td nowrap align="left" width="120" class="TableContent">工作传真：</td>
        <td nowrap align="left" class="TableData faxNoDept" width="180"></td>
        <td nowrap align="left" width="120" class="TableContent">个人主页：</td>
        <td align="left" class="TableData perWeb" width="180"></td>
    </tr>
    <tr>
        <td nowrap align="left" width="120" class="TableContent">MSN：</td>
        <td align="left" class="TableData icqNo" width="180"></td>
        <td nowrap align="left" width="120" class="TableContent">QQ：</td>
        <td nowrap align="left" class="TableData oicqNo" width="180"></td>
    </tr>
    <tr>
        <td nowrap align="left" width="120" class="TableContent">昵称：</td>
        <td nowrap align="left"  class="TableData nickName" width="180"></td>
        <td nowrap align="left" width="120" class="TableContent">办公室：</td>
        <td nowrap align="left" class="TableData addOffice" width="180"></td>
    </tr>

    <tr>
        <td nowrap align="left" width="120" class="TableContent">住宅地址：</td>
        <td align="left" class="TableData addHome" width="180"></td>
        <td nowrap align="left" width="120" class="TableContent">邮政编码：</td>
        <td align="left" class="TableData postNoHome" width="180"></td>
    </tr>

    <tr>
        <td nowrap align="left" width="120" class="TableContent">备注：</td>
        <td align="left" class="TableData notes" colspan="3"></td>
    </tr>

</table>
</div>
<div align="center" class="TableControl">
    <div id="rs" type="save" class="btn_return">关闭</div>
    <button  class="btn btn-primary" id="print" style="  margin-top: 23px; margin-left: -773px;">打印</button>

</div>

<script>
    $('#print').click(function () {
        $("#printAddress").jqprint();
    });
</script>
</body>
</html>
